<!--
 * @Author: chunlai
 * @Date: 2024-01-05 13:52:26
 * @LastEditTime: 2025-11-20 16:51:23
 * @LastEditors: minsheng_insurance_agency_zhoucl
 * @FilePath: \01.latest-short-insure\src\renewal\index.vue
 * @Description: 续保主页
-->
<template>
  <div>
    <div class="warn_tips_box">
      <div class="warn_box"><i></i>请仔细核对续保保单信息是否正确！</div>
    </div>
    <LiBao v-if="gysEngName == 'libao'" />
    <Common v-else />
    <div style="padding: 20px 0 80px">
      <van-divider>用心服务每一位</van-divider>
    </div>
    <RecordWarnTip ref="recordRef" @sure="showTip = false" v-if="showTip" />
  </div>
</template>

<script>
import Common from "./Common.vue";
import LiBao from "./LiBao.vue";
import RecordWarnTip from "@/views/index/components/RecordWarnTip";
export default {
  name: "RenewalPageIndex",
  components: { Common, LiBao, RecordWarnTip },
  data() {
    return {
      showTip: false,
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.$nextTick(() => {
      this.recordWarnPop();
    });
  },
  methods: {
    recordWarnPop() {
      this.showTip = true;
      this.$nextTick(() => {
        this.$refs.recordRef.initModule();
      });
    },
  },
};
</script>
<style lang="less" scoped>
.warn_box {
  width: 100%;
  background: #ffede6;
  color: #ff5715;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 0;
  position: relative;
  padding-left: 30px;
  i {
    width: 12px;
    height: 11px;
    background: url()
      no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 12px;
    left: 10px;
  }
}
</style>
